<div style="text-align: center">
    <input type="hidden" id="uuid" name="uuid">
    <table class="editTable">
        <tr>
            <td class="label">商品名称</td>
            <td colspan="3">
                <input type="text" name="name" data-toggle="topjui-textbox"
                       data-options="required:true,width:700">
            </td>
        </tr>
        <tr>
            <td class="label">是否上架</td>
            <td>
                <div data-toggle="topjui-radio">
                    <input type="radio" id="radio1" name="sj" value="1" label="是" checked="checked"
                           data-options="required:true,width:45">
                    <input type="radio" id="radio2" name="sj" value="0" label="否"
                           data-options="required:true,width:45">
                </div>
            </td>
            <td class="label">特征</td>
            <td>
                <div data-toggle="topjui-checkbox">
                    <input type="checkbox" id="checkbox1" name="tz" value="1" label="物美" checked="checked"
                           data-options="width:45">
                    <input type="checkbox" id="checkbox2" name="tz" value="2" label="价廉" checked="checked"
                           data-options="width:45">
                    <input type="checkbox" id="checkbox3" name="tz" value="3" label="性优"
                           data-options="width:45">
                </div>
            </td>
        </tr>
        <tr>
            <td class="label">商品编号</td>
            <td>
                <input type="text" name="code"
                       data-toggle="topjui-combobox"
                       data-options="width:278,
                       data:[
                           {
                               text: '2103',
                               value: '2103'
                           },
                           {
                               text: '5103',
                               value: '5103'
                           },
                           {
                               text: '1204',
                               value: '1204'
                           },
                           {
                               text: '1404',
                               value: '1404'
                           }
                       ]">
            </td>
            <td class="label">规格型号</td>
            <td>
                <input type="text" name="spec"
                       data-toggle="topjui-combobox"
                       data-options="width:278,
                       valueField:'code',
                       url:contextPath + '/json/dictionary/models.json'">
            </td>
        </tr>
        <tr>
            <td class="label">销售单价</td>
            <td>
                <input type="text" name="sale_price" data-toggle="topjui-numberspinner"
                       data-options="width:278,precision:2">
            </td>
            <td class="label">首页推荐</td>
            <td>
                <input type="text" name="recommend"
                       data-toggle="topjui-combobox"
                       data-options="width:278,
                       valueField:'code',
                       url:contextPath + '/json/dictionary/yesOrNo.json'">
            </td>
        </tr>
        <tr>
            <td class="label">备注信息</td>
            <td colspan="3">
                <input type="text" name="description" data-toggle="topjui-textarea"
                       data-options="width:700,height:200" value="由于是静态演示，所以数据不是动态加载的，如何动态加载数据请看使用文档">
            </td>
        </tr>
    </table>
</div>